<template>
    <!--导航栏-->
    <div class="container">
        <nav class="navbar navbar-default" role="navigation">
            <!--<nav class="navbar navbar-inverse" role="navigation">-->
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">我的商城网站</a>
                </div>
                <div>
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">手机数码</a></li>
                        <li><a href="#">家用电器</a></li>
                        <li><a href="#">鞋靴箱包</a></li>
                        <li><a href="#">孕婴保健</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                所有分类
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">手机数码</a></li>
                                <li><a href="#">家用电器</a></li>
                                <li class="divider"></li>
                                <li><a href="#">鞋靴箱包</a></li>
                            </ul>
                        </li>
                    </ul>

                    <form class="navbar-form navbar-right" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入商品名">
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                </div>
            </div>
        </nav>
    </div>
</template>

<script>
    export default {
        name: "navigationBar",
        created() {

        }
    }
</script>

<style scoped>

</style>
